angular.module('fs.waf').controller('gridLayoutPageCtrl', [
  '$scope',
  '$translate',
  '$templateCache',
  '$locale',
  'storageService',
  '$uibModal',
  function($scope, $translate, $templateCache, $locale, storageService, $uibModal) {
    console.log('gridLayoutPageCtrl is load');
    var ctrl = this;

    ctrl.ngModel = {
      ngModel: 'ngModel',
      abc: 'abc'
    };

    ctrl.layoutConfig = {
      selectDemo: {
        name: 'selectDemo',
        gridGroups: [
          {
            // grids: ['typeaheadSelect', 'normalSelect', 'custSelect']
            grids: ['normalSelect'],
            name: 'demo1'
          }
        ],
        gridGroupConfigs: {
          demo1: {
            name: 'demo1',
            title: 'layout demo',
            type: 'normal'
          },
          demo2: {
            name: 'demo2',
            title: 'layout demo',
            type: 'normal'
          }
        },
        gridConfigs: {
          // typeaheadSelect: {
          //   name: 'typeaheadSelect',
          //   label: 'banner.language.english',
          //   model: 'typeaheadSelect',
          //   type: 'typeahead',
          //   size: 4,
          //   options: {
          //     data: [
          //       {
          //         value: 'f',
          //         display: 'pi.label.from'
          //       },
          //       {
          //         value: 't',
          //         display: 'pi.label.to'
          //       }
          //     ]
          //   }
          // },
          normalSelect: {
            name: 'normalSelect',
            label: 'Normal Select',
            model: 'normalSelect',
            type: 'customer-select',
            template: 'normal',
            size: 4,
            options: {
              scrollable: true,
              maxHeight: 100,
              filter: {
                model: 'normalSelectKeyWord',
                type: 'text',
                options: {
                  callback: {
                    changed: 'vm.filterNormalSelectOption'
                  }
                }
              },
              data: 'vm.normalSelectData'
            }
          }
          // custSelect: {
          //   name: 'custSelect',
          //   label: 'Customer Select',
          //   model: 'custSelect',
          //   type: 'customer-select',
          //   template: 'company',
          //   size: 4,
          //   options: {
          //     hasEmptyOption: false,
          //     filter: {
          //       model: 'custSelectKeyWord',
          //       type: 'text',
          //       options: {
          //         callback: {
          //           changed: 'vm.filterCustSelectOption'
          //         }
          //       }
          //     },
          //     data: 'vm.custSelectData'
          //   }
          // }
        }
      }
    };

    ctrl.normalSelectData = [
      {
        value: 123,
        display: '小明'
      },
      {
        value: 123,
        display: '小明'
      },
      {
        value: 123,
        display: '小明'
      },
      {
        value: 123,
        display: '小明'
      },
      {
        value: 123,
        display: '小明'
      },
      {
        value: 123,
        display: '小明'
      },
      {
        value: 123,
        display: '小明'
      }
    ];
  }
]);
